<div class="col-md-12">

    <!--页眉-->
    <div class="row col-md-12 text-center pageHead">
        <span class="glyphicon glyphicon-repeat pull-left back-icon" ng-click="backMenu()"></span>
        <span class="pull-left back mt15" ng-click="backMenu()">回功能列表</span>
        <span class="title">
			沈阳怪坡景区销售系统
		</span>
        <span class="glyphicon glyphicon-list-alt pull-right back-icon" ng-click="backMenu()"></span>
        <span class="pull-right back mt15" ng-click="backMenu()">快捷菜单</span>
    </div>

    <div class="list-container panel panel-default mt50">
        <div class="panel-body">

            <div class="row user-info form-inline">
                <div class="col-md-4 input-group pull-left">
                    <a href="#" class="btn btn-info" ng-click="">销售</a>
                    <a href="#" class="btn btn-info ml10" ng-click="">退票</a>
                    <a href="#" class="btn btn-info ml10" ng-click="">核销</a>
                </div>
                <div class="col-md-4 input-group pull-left input-group">
                    <input type="text" class="form-control" ng-model="order_code" placeholder="请输入单号">
                    <span class="input-group-addon">检索</span>
                </div>
                <div class="col-md-4 input-group pull-left">
                </div>
            </div>

            <table class="table table-bordered table-hover mt30">
                <thead>
                    <tr>
                        <th class="col-md-2 text-center">票名</th>
                        <th class="col-md-2 text-center">订单编号</th>
                        <th class="col-md-2 text-center">单价/元</th>
                        <th class="col-md-2 text-center">使用数量/购买数量</th>
                        <th class="col-md-2 text-center">总价/元</th>
                        <th class="col-md-2 text-center">下单时间</th>
                    </tr>
                </thead>
                <tbody>
                    <tr class="form-inline" ng-repeat="sale in saleList">
                        <td class="text-center">{{sale.name}}</td>
                        <td class="text-center">{{sale.order_code}}</td>
                        <td class="text-center">{{sale.price}}</td>
                        <td class="text-center">{{sale.usedNum}}/{{sale.buyNum}}</td>
                        <td class="text-center">{{sale.price * sale.buyNum}}</td>
                        <td class="text-center">{{sale.create_time}}</td>
                    </tr>
                </tbody>
            </table>

        </div>

    </div>

</div>

<style type="text/css">

    .title {
        font-size: 35px;
    }

    .back {
        font-size: 15px;
        vertical-align: middle;
    }

    .back-icon {
        font-size: 15px;
        margin: 15px;
        margin-top: 18px;
        vertical-align: middle;
    }

    .pageHead {
        width: 100%;
        padding: 0px;
        color: #FFF;
        background-color: rgb(44, 152, 212);
    }

    .ng-scope {
        padding: 0px;
    }

    .row {
        margin-left: 0px;
    }

    .row div {
        padding: 0px;
    }

    .ml10 {
        margin-left: 10px;
    }

</style>